import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo, getUserDetailById } from '@/api/user'

// 这样写是为了让代码低耦合

// 状态
const state = {
  // 设置token初始状态  
  // token  =>  放在缓存中
  token: getToken(),
  // 定义一个空对象
  userInfo: {}
}
// 修改状态
const mutations = {
  // 设置token
  setToken(state, token) {
    // 修改state的数据
    state.token = token
    setToken(token)
  },
  //删除缓存
  removeToken(state) {
    // 删除vuex的toekn
    state.token = null
    //删除缓存的token
    removeToken()
  },
  setUserInfo(state, res) {
    // 更新一个对象 响应式
    state.userInfo = res
  },
  removeUserInfo() {
    state.userInfo = {}
  }
}
// 执行异步
const actions = {
  // 调用封装好的登录接口
  async login(context, data) {
    const res = await login(data)
    // 拿到token说明登录成功，设置当前时间戳
    setTimeStamp()
    // 提交token给mutations
    context.commit('setToken', res)
  },
  // 调用封装好的用户资料接口
  async getUserInfo(context) {
    const res = await getUserInfo()
    // 获取用户头像
    const baseInfo = await getUserDetailById(res.userId)
    // 合并两个接口获得的数据
    const baseResult = { ...res, ...baseInfo }
    context.commit('setUserInfo', baseResult)
    // 权限才能用的用户资料，返回
    return res
  },
  // 登出操作
  logout(context) {
    context.commit('removeToken')
    context.commit('removeUserInfo')
  },

}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}